<!DOCTYPE HTML>

<html lang="pt-br"  
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<ui:composition template="/WEB-INF/template/SegurancaTemplate.xhtml">
<ui:define name="corpo">
	<style type="text/css">
	.div-tela 
	{
		max-width: auto;
		padding: 10px 10px 10px;
	    margin: 0 auto 20px;
	    background-color: #fff;
	    border: 1px solid #e5e5e5;
	    -webkit-border-radius: 5px;
	    	-moz-border-radius: 5px;
	        	border-radius: 5px;
	    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	        	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	}
	.colunaEsquerda
	{  
	    text-align: left;
	    width: 30%;  
	}  
	.colunaDireita
	{  
	    text-align: left;
	    width: 70%;
	}   
	</style>
<div class="div-tela">
	
	<p:panel header="Gerenciar Perfil" style="width:100%;height:100%">
		<p:commandButton id="btnNovo" 
							value="Novo" 
							styleClass="ui-priority-primary"
							update=":frmSeguranca:pnlPerfil"
							actionListener="#{perfilManagerBean.novoPerfil}"/>
		<p:commandButton id="btnSair" 
							value="Sair" 
							styleClass="ui-priority-primary"
							update="mensagem"
							action="#{perfilManagerBean.sair}"/>
		<div>
		<BR />
		</div>

		<p:dataTable id="tblPerfil"
					var="perfil"
					value="#{perfilManagerBean.listaPerfil}"
					paginator="true"
					rows="10"
					emptyMessage="Não há Registros para Exibição">
					
			<p:column headerText="Código" width="10%">
				<h:outputText value="#{perfil.id}" />
		    </p:column>
			
			<p:column headerText="Descrição" width="70%">
				<h:outputText value="#{perfil.descricao}" />
		    </p:column>
		        		
		    <p:column width="10%" style="">
		    		<p:commandButton id="btnAlterar"
		    						value="Alterar"
		    						styleClass="ui-priority-primary"
		        					update=":frmSeguranca:pnlPerfil"
		        					actionListener="#{perfilManagerBean.alterarPerfil(perfil)}"/>
		    </p:column>
		
		</p:dataTable>
	</p:panel>	
</div>	
</ui:define>
<ui:define name="modal">
	<p:dialog header="Perfil" 
			widgetVar="perfilAlterarDialog" 
			resizable="false"
			width="1000"
			height="100%" 
			modal="true"
			position="top">
		<p:panel id="pnlPerfil" 
			style="width:100%;heigth:100%;font-size:11px;">
		<h:inputHidden value="#{perfilManagerBean.perfilVo.id}"/>
			<p:panelGrid columns="2" style="vertical-align:middle; width:100%;">
				<h:outputLabel for="inputDescricaoModulo" value="Descrição do Perfil"/>
				<p:inputText id="inputDescricaoModulo"
							maxlength="200"
							size="50"
							value="#{perfilManagerBean.perfilVo.descricao}"
							placeholder="Descrição do Perfil"
							style="width:100%;"/>
			</p:panelGrid>
			<br/>
			<p:pickList id="pclPerfilModuloSeguranca"
						value="#{perfilManagerBean.listaDuplaSeguranca}"
						var="seguranca"
						itemValue="#{seguranca}"
						itemLabel="#{seguranca.descricao}"
						showSourceControls="true"
						showTargetControls="true"
						showCheckbox="true"
						showSourceFilter="true"
						showTargetFilter="true"
						filterMatchMode="contains"
						style="width:100%;height:100%;"
						converter="converterPickList">
						
				<f:facet name="sourceCaption">Bloqueia</f:facet>
				<f:facet name="targetCaption">Libera</f:facet>
					
				<p:column style="width:10%;">
					<h:outputText value="#{seguranca.id}"/>
				</p:column>
				
				<p:column style="width:90%;">
					<h:outputText value="#{seguranca.descricao}"/>
				</p:column>
								
			</p:pickList>
    		
		</p:panel>
		<div><BR /></div>
		<p:commandButton id="btnCadastrar" 
							value="Gravar" 
							styleClass="ui-priority-primary"
							update="tblPerfil, mensagem"
							actionListener="#{perfilManagerBean.gravarPerfil}"/>
				
	</p:dialog>
</ui:define>

</ui:composition>
</html>